   * {
       margin: 0;
       padding: 0;
   }

   body {
       margin: 0;
       font-family: "Microsoft YaHei", sans-serif;
       background: #fff;
   }

   header {
       width: 100%;
       height: 96px;

       .header-box {
           display: flex;
           align-items: center;
           padding: 0 20px;
           box-sizing: border-box;
           width: 980px;
           height: 96px;
           margin: auto;
       }
   }
   header .logo {
       display: flex;
       align-items: center;
   }

   main {
       display: flex;
       justify-content: center;
       align-items: center;
       height: 449px;
       width: 100%;
       background-image: url('https://static.zongheng.com/v2017/images/pass/bg.jpg');
       background-size: auto 100%;
       background-repeat: repeat;
       background-position: center bottom;
   }

   .left-img {
       img {
           width: 460px;
           height: 350px;
       }

       width: 460px;
       height: 350px;
       margin-right: 60px;
   }

   .form-container {
       width: 402px;
       height: 393px;
       border: 1px solid #ddd;
       padding: 30px 20px;
       box-sizing: border-box;
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
       background-color: #fff;

       .form-item {
           position: relative;
           width: 352px;
           height: 40px;
           border: 1px solid #d9d9d9;

           .img-box1 {
               position: absolute;
               left: 15px;
               top: 11px;
               width: 14px;
               height: 18px;
               background-image: url('https://static.zongheng.com/v2017/images/pass/icon-login.png');
               background-position: 0 -1px;
               background-repeat: no-repeat;
               z-index: 3;
           }

           .img-box2 {
               position: absolute;
               left: 15px;
               top: 11px;
               width: 14px;
               height: 18px;
               background-image: url('https://static.zongheng.com/v2017/images/pass/icon-login.png');
               background-position: 0 -51px;
               background-repeat: no-repeat;
               z-index: 3;
           }
       }

       .username {
           width: 352px;
           height: 40px;
           box-sizing: border-box;
           outline: none;
           border: none;
           padding: 0 10px 0 40px;
       }

       .password {
           width: 352px;
           height: 40px;
           box-sizing: border-box;
           outline: none;
           border: none;
           padding: 0 10px 0 40px;
       }

       .tab1 {
           display: none;
       }

       .tab2 {
           display: block;

           .form-item2 {
               position: relative;
               width: 222px;
               height: 40px;
               background-color: #f5f5f5;
               border: 1px solid #d9d9d9;

               .img-box3 {
                   position: absolute;
                   top: 10px;
                   left: 15px;
                   width: 14px;
                   height: 18px;
                   background-image: url('https://static.zongheng.com/v2017/images/pass/icon-login.png');
                   background-repeat: no-repeat;
                   background-position: 0 -25px;


               }
           }

           .tab2psw {
               outline: none;
               border: none;
               width: 222px;
               height: 40px;
               padding: 0 10px 0 40px;
               box-sizing: border-box;
               background-color: #f5f5f5;
           }

           .getyzm {
               position: absolute;
               right: -130px;
               top: 0;
               width: 108px;
               height: 40px;
               line-height: 40px;
               background-color: #a5232e;
               color: #fff;
               font-size: 12px;
               border-radius: 3px;
               text-align: center;
               cursor: pointer;
           }
       }
   }

   .tab-switch {
       display: flex;
       border-bottom: 1px solid #ccc;
       margin-bottom: 20px;
   }

   .tab-switch div {
       flex: 1;
       text-align: center;
       padding: 10px 0;
       cursor: pointer;
       font-weight: bold;
       color: #666;
   }

   .tab-switch .active {
       position: relative;
       color: #a12621;
   }

   .active:after {
       position: absolute;
       bottom: -1px;
       left: 0;
       content: '';
       display: block;
       width: 180px;
       height: 2px;
       background-color: #a12621;
   }